<template>
  <section class="articles layout-useful__wrapper">
    <CommonButtonBack link="/useful" />
    <h1 class="articles__header hidden">Полезные статьи и видео</h1>
    <h3 class="articles__title a-font__h3">Статьи</h3>
    <div class="articles__info">
      <h4 class="articles__info-text a-font__h4">25 полезных сокращений в JavaScript для веб-разработчиков</h4>
      <blockquote class="articles__info-quote">
        Используйте сокращения и однострочники, чтобы писать код быстро и просто.
      </blockquote>
      <a class="articles__info-link a-font__m" href="https://nuancesprog.ru/p/12639/" target="_blank">подробнее...</a>
    </div>
    <h3 class="articles__title a-font__h3">Видео</h3>
    <div class="articles__info">
<!--      <h4 class="articles__info-text a-font__h4">Zurb Foundation for Emails</h4>-->
<!--      <blockquote class="articles__info-quote">Руководство по Foundation for Emails</blockquote>-->
<!--      <a-->
<!--          class="articles__info-link a-font__m"-->
<!--          href="https://www.youtube.com/watch?v=diULmp4dYdE&list=PLR_ZJO3q73HalAe5sRs7ByjHvptmbflsL&index=6"-->
<!--          target="_blank"-->
<!--      >подробнее</a-->
<!--      >-->
    </div>
  </section>
</template>

<script setup></script>

<style lang="scss">
@import 'articles';
</style>
